.chatLeft {
    background-color: #CCCCCC;
    padding: 5px 8px;
    /*display: inline-block;*/
    border-radius: 4px;
    margin: 10px 0 10px 10px;
    position: relative;
}

.chatLeft::after {
    content: '';
    border: 8px solid #FFFFFF;
    border-right: 8px solid #CCCCCC;
    position: absolute;
    top: 6px;
    left: -16px;
}

.chatRight {
    background-color: #99ff66;
    padding: 5px 8px;
    /*display: inline-block;*/
    border-radius: 4px;
    margin: 10px 10px 10px 0;
    position: relative;
}

.chatRight::after {
    content: '';
    border: solid 8px #FFFFFF;
    border-left: solid 8px #99ff66;
    position: absolute;
    top: 6px;
    right: -16px;
}